<template>
  <view class="container">
    <view class="title">实时监控</view>
    <view class="feature-list">
      <view class="feature" v-for="item in features" :key="item.name" @click="goTo(item.page)">
        <text>{{ item.name }}</text>
        <text class="desc">{{ item.desc }}</text>
      </view>
    </view>
  </view>
</template>

<script setup>
import { ref } from 'vue'
const features = ref([
  { name: '语音提示', desc: '状态改变时语音提醒', page: '' },
  { name: '自动结束', desc: '离开超10分钟自动结束', page: '' },
  { name: '生成报告', desc: '学习结束后生成报告', page: '' },
  { name: '物品识别', desc: '识别学习场景物品', page: '' },
  { name: '行为分析', desc: '分析行为动作与趋势', page: '' },
  { name: '模拟考试', desc: 'AI组卷、判卷、监考', page: '' },
  { name: '学习路径规划', desc: '定制提升计划', page: '' },
  { name: '课本学习', desc: 'AI逐句讲解教材', page: '' },
  { name: '口语训练', desc: 'AI对话跟读', page: '' },
  { name: '专注度分析', desc: '分析专注度', page: '' },
  { name: '学习姿势监测', desc: '检测坐姿、站姿', page: '' },
  { name: '学习时间统计', desc: '记录学习时长', page: '' },
  { name: '学习内容识别', desc: '识别学习科目内容', page: '' },
  { name: '光线检测', desc: '监测环境光线', page: '' },
  { name: '噪音检测', desc: '检测环境噪音', page: '' },
  { name: '学习状态提醒', desc: '适时提醒调整状态', page: '' },
  { name: '历史数据存储', desc: '存储监控数据', page: '' }
])
function goTo(page) {
  uni.showToast({ title: '功能开发中', icon: 'none' })
}
</script>

<style scoped>
.container { padding: 40rpx; }
.title { font-size: 40rpx; font-weight: bold; margin-bottom: 40rpx; text-align: center; }
.feature-list { }
.feature {
  background: #f8f8f8;
  border-radius: 16rpx;
  padding: 32rpx 24rpx;
  margin-bottom: 24rpx;
  box-shadow: 0 2rpx 8rpx rgba(0,0,0,0.03);
}
.desc { display: block; color: #888; font-size: 24rpx; margin-top: 8rpx; }
</style> 